<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>notice</title>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		li,ul{
			list-style: none;
		}
		a{
			text-align: center;
		}
		body{
			width: 100%;
		}
		.notice-header{
			width: 100%;
			height: 2rem;
		    background: #11BF79;
		    font-size: 1rem;
		    line-height: 2rem;
		    color: white;
		    
		}
		.notice-header span{
			margin: 0 0.5rem
		}
		.notice-out{
			width: 100%;
		    height: 1.5rem;
		    position: relative;
		    background: lightgray;
		}
		.notice-out div:nth-child(1),.notice-out div:nth-child(2){
			font-size: 0.7rem;
			width: 50%;
		    height: 1.3rem;
		    float: left;
		    text-align: center;
		    line-height: 1.5rem;
		}
		.notice-lis{
			width: 8rem;
		    height: 0.1rem;
		    background: #11BF79;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		}
		.swiper-slide img{
			margin-top: 30%;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="../dist/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css"/>
</head>
<body>
	<div class="notice-header">
		<span class="glyphicon glyphicon-arrow-left"></span>消息
	</div>
	<div class="notice-out">
		<div>通知</div>
		<div>私信</div>
		<div class="notice-lis"></div>
		<div >
			<div style="margin: 0 auto">
				<img src="../img/11.png">
			</div>
			<!-- <div>
				<img src="../img/11.png">
			</div> -->
		</div>
	</div>
</body>
<script type="text/javascript">
	document.documentElement.style.fontSize = innerWidth/16 + 'px';
		window.onresize = function(){
		document.documentElement.style.fontSize = innerWidth/16 + 'px';
	}
	var glyphicon = document.querySelector(".glyphicon");
	glyphicon.onclick = function(){
		history.go(-1)
	}
</script>
</html>